/* ====================================== toast  ====================================== */
import React from 'react'
import { Tabs as AntdTabs } from 'antd'
// ===================================================================== Select
export const Tabs = ({ children, defaultActiveKey, suffix,  onChange }) => (
	<AntdTabs
		onChange			= {onChange} 
		tabBarExtraContent	= {{ right: suffix ? suffix : <></> }} 
		defaultActiveKey	= {defaultActiveKey} size='small'
	>
		{children}
	</AntdTabs>
)
export const Pane = ({ children, tab, key }) => <AntdTabs.TabPane tab={tab} key={key}>{children}</AntdTabs.TabPane>